<!doctype html>
<html>

<head>
  <title>校园百社通</title>
  <link href="../.style/mypages.css" rel="stylesheet" type="text/css" />


  <meta charset="utf-8">
</head>

<body>
  <header>
    <h1>
      个人中心
    </h1>
    <button class="back" onclick="window.location.href='../index.html'">返回主界面</button>
  </header>

  <div class="box">
    <ul id="comtop" class="firstul">
      <li tabindex="1" class="firstli">
        <input type="radio" name="check" id="active1"><label for="active1">租借记录</label>
        <div class="firstd1">
          <p class="onep">租借中</p>
          <p class="twop">fgdhdfhdf</p>
          <p class="onep">完成租借</p>
          <p class="twop">dhdfhdfh</p>
        </div>
      </li>

      <li tabindex="1" class="firstli">
        <input type="radio" name="check" id="active2"><label for="active2">我的组织</label>

        <div class="firstd2">
          <aside>
            <ul>
              <li><a href="index1.html">物质管理 </a></li>
              <li><a href="index1.html">邀请管理员 </a></li>
              <li><a href="index1.html">转让负责人 </a></li>
              <li><a href="index1.html">更多 </a></li>
            </ul>
          </aside>
          <section>
            <h1>组织log</h1>
            <p> 早上起来脑袋都昏沉，直到现在都是。 机器还在响着，车间里更热，所以我不去开空调，只希望自然风再大些。 那些可爱的人们在我的眼皮底下辛苦的干着活，又脏又累，我怎么忍心？？？
              把褥子被子都拿出去晒了，太阳出来又进去，到底是怎么啦提不起劲儿？ 这些工作都做完，喝了一杯温开水，汗流浃背，衣服湿透了，脑袋依然昏沉。 宿舍里很压抑，不知道是自己的原因还是环境就这样？
            </p>

            <h1>组织名</h1>
            <p>当年张爸爸在工地上，没有风扇，没有空调，只要一把旧芭蕉扇就度过了几个夏天，何况我晚上还有一台电风扇，比起他的艰辛我这又算什么。
              张妈妈在家里放了关于佛的书籍还有音乐，每天重复着大慈大悲，这些音乐听得我特别感动，一有空闲就想听听这样的音乐看看这些书。
              他们本来就是一群超善良的人们，过于懂得感恩是值得善待的人们，想到他们我就特心疼特忘情。
            </p>
          </section>
        </div>
      </li>

      <li tabindex="1" class="firstli">
        <input type="radio" name="check" id="active3"><label for="active3">个人认证</label>
        <div class="firstd3">
          <h2 class="school">学校信息</h2>
          <p class="schinfor">广东工业大学（Guangdong University of
            Technology，GDUT），简称"广工大"，位于广州市，是广东省人民政府重点建设的省属重点大学、广东省“211工程”、广东省高水平理工科大学，是以工为主，多学科协调发展的综合性研究型大学。
            1995年，由广东工学院、华南建设学院东院、广东机械学院合并组建而成。有省一级重点学科10个，省二级重点学科5个，工程学、材料科学、计算机科学、化学、环境科学5个学科进入ESI世界排名前1%。控制科学与工程在第四轮学科评估中进入国家A类。2020年首次进入软科世界大学学术排名世界高校500强，泰晤士高等教育世界大学排名位列中国大陆高校第43位，在USNews世界大学排名工科排行中全国第45位、世界第268位。
            学校由大学城、东风路、龙洞、番禺四个校区组成，总占地面积204.44万平方米，有20个学院，81个本科专业。拥有博士后科研流动站6个，一级学科博士学位授权点7个，一级学科硕士学位授权点23个。</p>
        </div>
      </li>

      <li tabindex="1" class="firstli">
        <input type="radio" name="check" id="active4"><label for="active4">我的聊天</label>
        <div class="firstd4">
          道德三皇五帝，功名夏后商周，五霸七雄闹春秋，顷刻兴亡过手，青史几行名姓，北邙无数荒丘，前人播种后人收，说甚龙争虎斗道德三皇五帝，功名夏后商周，五霸七雄闹春秋，顷刻兴亡过手，青史几行名姓，北邙无数荒丘，前人播种后人收，说甚龙争虎斗道德三皇五帝，功名夏后商周，五霸七雄闹春秋，顷刻兴亡过手，青史几行名姓，北邙无数荒丘，前人播种后人收，说甚龙争虎斗道德三皇五帝，功名夏后商周，五霸七雄闹春秋，顷刻兴亡过手，青史几行名姓，北邙无数荒丘，前人播种后人收，说甚龙争虎斗道德三皇五帝，功名夏后商周，五霸七雄闹春秋，顷刻兴亡过手，青史几行名姓，北邙无数荒丘，前人播种后人收，说甚龙争虎斗道德三皇五帝，功名夏后商周，五霸七雄闹春秋，顷刻兴亡过手，青史几行名姓，北邙无数荒丘，前人播种后人收，说甚龙争虎斗道德三皇五帝，功名夏后商周，五霸七雄闹春秋，顷刻兴亡过手，青史几行名姓，北邙无数荒丘，前人播种后人收，说甚龙争虎斗道德三皇五帝，功名夏后商周，五霸七雄闹春秋，顷刻兴亡过手，青史几行名姓，北邙无数荒丘，前人播种后人收，说甚龙争虎斗
        </div>
      </li>

      <li tabindex="1" class="firstli">
        <input type="radio" name="check" id="active5" checked><label for="active5">我的标记</label>
        <div class="firstd5">
          <ul>
            <li>
              <div>
                <img src="../images/物资/desk.jpg" width="100px" height="100px" alt="#">
                <p class="p1">
                  库存：
                  <span>5</span>
                </p>
              </div>
              <div>
                <p class="p2">长桌子</p>
                <p class="p2">校团委社团</p>
                <button onclick="borrow()">租借</button>
                <button onclick="information1()">详细</button>
              </div>
            </li>
            <li>
              <div>
                <img src="../images/物资/microphone.jpg" width="100px" height="100px" alt=" #">
                <p class="p1">
                  库存：
                  <span>5</span>
                </p>
              </div>
              <div>
                <p class="p2">麦克风</p>
                <p class="p2">校团委社团</p>
                <button onclick="borrow()">租借</button>
                <button onclick="information2()">详细</button>
              </div>
            </li>
            <li>
              <div>
                <img src="../images/物资/sound.jpg" width="100px" height="100px" alt="#">
                <p class="p1">
                  库存：
                  <span>5</span>
                </p>
              </div>
              <div>
                <p class="p2">音响</p>
                <p class="p2">校学生会社团</p>
                <button onclick="borrow()">租借</button>
                <button onclick="information3()">详细</button>
              </div>
            </li>
          </ul>
        </div>
      </li>

      <li tabindex="1" class="firstli">
        <input type="radio" name="check" id="active6"><label for="active6">关于我们</label>
        <div class="firstd3">
          <h2 class="school">团队简介</h2>
          <p class="schinfor">
            该产品主要面向用户为中国各个高校内的社团的物资负责人和管理团队。由于在中国每个大学都有很多社团，广工就有134个社团，可以得知大学社团群体是庞大的。但是在每个大学的一百多个社团之间，常常因为物资的统计和租借，需要大量的人力和时间去挨个交流和收集，特别是每年社团换届后，物资信息的迭代这个任务量是庞大的，交流成本也是存在的。同时各个社团之间沟通交流也有些麻烦，没有一个统一的平台给社团进行活动合作交流的。所以我们好耶团队打算制作一个校园网站，为大学里面的社团搭建桥梁，方便物资的租借、活动的合作洽谈等社团交流。
          </p>
        </div>
      </li>
    </ul>
  </div>

  <footer>
    <p>版权所有</p>
    <hr style="background-color: blue; height: 1px; border: none;" />
    <small>法律条文</small>
    <small>联系我们</small>
    <small>客户意见</small>
    <small>商户合作</small>
  </footer>

  <script type="text/javascript" src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.2.1/jquery.min.js"></script>
  <script>
    function borrow() {
      alert("申请成功");
    }
    function information3() {
      alert("环绕音响：420×336×222mm\n使用情况：两年");
    }
    function information1() {
      alert("长桌尺寸：140*80*76 cm\n使用情况：两年");
    }
    function information2() {
      alert("型号：动圈式麦克风\n使用情况：一年");
    }
  </script>


</body>


</html>